<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>线上充值-首页</title>
<meta
	content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
	name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="cssPerson/style.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="LoginCss/layui/css/layui.css"  media="all">
<link href="css1/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js1/jquery.min.js"></script>

<style type="text/css">
#h66 {
	font-size: 22px;
	color: darkorange;
}
</style>
</head>
<body>
	<section class="aui-flexView">
		<header class="aui-navBar aui-navBar-fixed">
			<a href="PaySystem.jsp" class="aui-navBar-item"> <i
				class="icon icon-return"></i>首页0
			</a>
			<div class="aui-center">
				<span class="aui-center-title">充值中心</span>
			</div>
			<a href="chongzhijilu.html" class="aui-navBar-item">充值记录</a>
		</header>
		<section class="aui-scrollView">
			<div class="aui-recharge-iphone">
				<div class="aui-well-bd">
					<p>&nbsp;车牌号</p>
					<p>
						<input type="text" name="" id="" placeholder=${user.carNumber}>
					</p>
				</div>
				<div class="aui-well-hd">
					<img src="images1/yinhangkahao.png" alt="">
				</div>
			</div>
			<div class="aui-blue-box">
				<div class="aui-palace aui-palace-one">
					<div class="aui-current-box">
						<a href="" class="aui-current-item "
							data-ydui-actionsheet="{target:'#actionSheet1',closeElement:'#cancel1'}">
							<div class="aui-current-item-hd">
								<h1 id="money">20</h1>
								<h3>充值20元</h3>
							</div> <!-- data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}" -->
						</a> <a href="" class="aui-current-item "
							data-ydui-actionsheet="{target:'#actionSheet2',closeElement:'#cancel2'}">
							<div class="aui-current-item-hd">
								<h1 id="money">50元</h1>
								<h3>充值50元</h3>
							</div>
						</a> <a href="" class="aui-current-item "
							data-ydui-actionsheet="{target:'#actionSheet3',closeElement:'#cancel3'}">
							<div class="aui-current-item-hd">
								<h1 id="money">100元</h1>
								<h3>充值100元</h3>
							</div>
						</a> <a href="" class="aui-current-item "
							data-ydui-actionsheet="{target:'#actionSheet4',closeElement:'#cancel4'}">
							<div class="aui-current-item-hd">
								<h1 id="money">300元</h1>
								<h3>售价300元</h3>
							</div>
						</a> <a href="alipayindex.jsp" class="aui-current-item "
							data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}">
							<div class="aui-current-item-hd">
								<h1>自定义充值</h1>
								<h3>自定义金额</h3>
							</div>
						</a> <a href="" class="aui-current-item "
							data-ydui-actionsheet="{target:'#actionSheet5',closeElement:'#cancel5'}">
							<div class="aui-current-item-hd">
								<h1 id="h66">700元</h1>
								<h3>包月Vip车位，您值得拥有</h3>
							</div>
						</a>
					</div>
				</div>
			</div>
			<!-- 充值记录开始 -->


<%-- 			<section class="aui-flexView">
            <section class="aui-scrollView">
                        <div class="aui-flex-box">
                            <input type="hidden" id="hidden" value="${user.carNumber}"/>
                        </div>
                </div>
                <div class="divHeight"></div>
                <div class="aui-course-list">
                    <a href="Person.jsp" class="aui-flex b-line">
                        <div class="aui-cou-img">
                            <img src="lhdpay/imgPerson/icon-mine-005.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <p >消费流水记录</p>
                        </div>
                    </a>
                    
                </div>
               <!--  <div class="demoTable">
  搜索ID：
  <div class="layui-inline">
    <input class="layui-input" name="id" id="demoReload" autocomplete="off">
  </div>
  <button class="layui-btn" data-type="reload">搜索</button>
</div> -->
 
<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table> 

</body>
<script src="LoginCss/layui/layui.js" charset="utf-8"></script>
<script>
	layui.use('table', function() {
		var table = layui.table;

		//方法级渲染
		table.render({
			elem : '#LAY_table_user',
			url : 'page2',
			cols : [ [ {
				checkbox : true,
				fixed : true
			}, {
				field : 'paymentId',
				title : '流水编号',
				width : 120
			}, {
				field : 'payTime',
				title : '流水时间',
				width : 120
			}, {
				field : 'payment_amount',
				title : '流水金额',
				width : 120
			}, {
				field : 'carNumber',
				title : '流水车牌',
					width : 120
			}, {
				field : 'paymentType',
				title : '方式',
				sort : true,
				width : 120
			} ] ],
			id : 'testReload',
			page : true,
			height : 310
		});

		var $ = layui.$, active = {
			reload : function() {
				var demoReload = $('#demoReload');
				var strlike = $('#hidden');
				//执行重载
				table.reload('testReload', {
					page : {
						curr : 1
					//重新从第 1 页开始
					},
					where : {
						"hidden1" : strlike.val()
					}
				}, 'data');
			}
		};

		$('.demoTable .layui-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});
</script>



 --%>





<!-- 充值记录结束 -->
</section>
</section>


<form action="tiaoalibaba" method="post">
	<div class="m-actionsheet" id="actionSheet">
		<div class="aui-show-box">
			<div class="aui-show-box-title aui-footer-flex">
				<div class="aui-flex b-line">
					<i class="icon icon-close" id="cancel"></i>

					<div class="aui-flex-box">
						<h4>确认付款</h4>
					</div>
				</div>
				<div class="aui-coll-share-box">
					<h1>
						<i><input type="text" name="money11"></i>
					</h1>
				</div>
				<div class="aui-info-line">
					<a href="javascript:;" class="aui-flex b-line">
						<div class="aui-flex-box">
							<h5>付款方式</h5>
						</div>
						<div class="aui-arrow">招商银行储值卡</div>
					</a>
				</div>
				<div class="aui-coll-cancel">
					<%-- <a href="../tiaoalibaba?money=${money}" id="cancel" class="">立即付款</a> --%>
					<input type="submit" id="cancel" class="" value="立即付款">
				</div>
			</div>
		</div>
	</div>
</form>

<form action="tiaoalibaba5" method="post">
	<div class="m-actionsheet" id="actionSheet5">
		<div class="aui-show-box">
			<div class="aui-show-box-title aui-footer-flex">
				<div class="aui-flex b-line">
					<i class="icon icon-close" id="cancel5"></i>

					<div class="aui-flex-box">
						<h4>确认付款</h4>
					</div>
				</div>
				<div class="aui-coll-share-box">
					<h1>
						<i>700</i>
					</h1>
				</div>
				<div class="aui-info-line">
					<a href="javascript:;" class="aui-flex b-line">
						<div class="aui-flex-box">
							<h5>付款方式</h5>
						</div>
						<div class="aui-arrow">招商银行储值卡</div>
					</a>
				</div>
				<div class="aui-coll-cancel">
					<%-- <a href="../tiaoalibaba?money=${money}" id="cancel" class="">立即付款</a> --%>
					<input type="submit" id="cancel" class="" value="立即付款">
				</div>
			</div>
		</div>
	</div>
</form>

<form action="tiaoalibaba1" method="post">
	<div class="m-actionsheet" id="actionSheet1">
		<div class="aui-show-box">
			<div class="aui-show-box-title aui-footer-flex">
				<div class="aui-flex b-line">
					<i class="icon icon-close" id="cancel1"></i>

					<div class="aui-flex-box">
						<h4>确认付款</h4>
					</div>
				</div>
				<div class="aui-coll-share-box">
					<h1>
						<i>20</i>
					</h1>
				</div>
				<div class="aui-info-line">
					<a href="javascript:;" class="aui-flex b-line">
						<div class="aui-flex-box">
							<h5>付款方式</h5>
						</div>
						<div class="aui-arrow">招商银行储值卡</div>
					</a>
				</div>
				<div class="aui-coll-cancel">
					<%-- <a href="../tiaoalibaba?money=${money}" id="cancel" class="">立即付款</a> --%>
					<input type="submit" id="cancel" class="" value="立即付款">
				</div>
			</div>
		</div>
	</div>
</form>

<form action="tiaoalibaba2" method="post">
	<div class="m-actionsheet" id="actionSheet2">
		<div class="aui-show-box">
			<div class="aui-show-box-title aui-footer-flex">
				<div class="aui-flex b-line">
					<i class="icon icon-close" id="cancel2"></i>

					<div class="aui-flex-box">
						<h4>确认付款</h4>
					</div>
				</div>
				<div class="aui-coll-share-box">
					<h1>
						<i>50</i>
					</h1>
				</div>
				<div class="aui-info-line">
					<a href="javascript:;" class="aui-flex b-line">
						<div class="aui-flex-box">
							<h5>付款方式</h5>
						</div>
						<div class="aui-arrow">招商银行储值卡</div>
					</a>
				</div>
				<div class="aui-coll-cancel">
					<%-- <a href="../tiaoalibaba?money=${money}" id="cancel" class="">立即付款</a> --%>
					<input type="submit" id="cancel" class="" value="立即付款">
				</div>
			</div>
		</div>
	</div>
</form>

<form action="tiaoalibaba3" method="post">
	<div class="m-actionsheet" id="actionSheet3">
		<div class="aui-show-box">
			<div class="aui-show-box-title aui-footer-flex">
				<div class="aui-flex b-line">
					<i class="icon icon-close" id="cancel3"></i>

					<div class="aui-flex-box">
						<h4>确认付款</h4>
					</div>
				</div>
				<div class="aui-coll-share-box">
					<h1>
						<i>100</i>
					</h1>
				</div>
				<div class="aui-info-line">
					<a href="javascript:;" class="aui-flex b-line">
						<div class="aui-flex-box">
							<h5>付款方式</h5>
						</div>
						<div class="aui-arrow">招商银行储值卡</div>
					</a>
				</div>
				<div class="aui-coll-cancel">
					<%-- <a href="../tiaoalibaba?money=${money}" id="cancel" class="">立即付款</a> --%>
					<input type="submit" id="cancel" class="" value="立即付款">
				</div>
			</div>
		</div>
	</div>
</form>

<form action="tiaoalibaba4" method="post">
	<div class="m-actionsheet" id="actionSheet4">
		<div class="aui-show-box">
			<div class="aui-show-box-title aui-footer-flex">
				<div class="aui-flex b-line">
					<i class="icon icon-close" id="cancel4"></i>

					<div class="aui-flex-box">
						<h4>确认付款</h4>
					</div>
				</div>
				<div class="aui-coll-share-box">
					<h1>
						<i>300</i>
					</h1>
				</div>
				<div class="aui-info-line">
					<a href="javascript:;" class="aui-flex b-line">
						<div class="aui-flex-box">
							<h5>付款方式</h5>
						</div>
						<div class="aui-arrow">招商银行储值卡</div>
					</a>
				</div>
				<div class="aui-coll-cancel">
					<%-- <a href="../tiaoalibaba?money=${money}" id="cancel" class="">立即付款</a> --%>
					<input type="submit" id="cancel" class="" value="立即付款">
				</div>
			</div>
		</div>
	</div>
</form>
<script type="text/javascript" src="js1/layer.js"></script>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
	$("#money").each(function(index, value) {
		$("#i").text($(this).text());
	})
</script>
</html>
